<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<style>
	/* 阅读页弹窗开始 */
.popup-back{
	display:none;
	position:fixed;
	top:0px;
	z-index:1000;
	*left:0px;
	width:100%;
	height:1150px;
	background-color:#000;
	opacity:0.5; 
	filter:alpha(opacity=50); 
}
.popup{
	display:none;
	position:fixed;
	z-index:10000;
	top:0px;
	*left:0px;
	width:100%;
	height:1150px;
}
.popup-cont-back{
	position:fixed;
	z-index:1001;
	left:50%;
	top:50%;
	margin-left:-516.5px;
	margin-top:-315px;
	width:1035px;
	height:625px;
	background-color:#fff;
	
}
.popup-cont{
	position:relative;
	top:72px;
	margin:0 auto;
	width:665px;
	height:445px;
	padding:10px;

}
.popup-cont img{
	position:relative;
	display:block;
	margin:0 auto;
}
.popup-cont div{
	position:relative;
	top:10px;
	margin:0 auto;
	width:664px;
	height:180px;
	font-family:"微软雅黑";
	font-size:16px;
	color:#666;
	line-height:2;
	overflow:hidden;
}
.popup-cont a{
	position:relative;
	top:60px;
	margin:0 auto;
	display:block;
	width:180px;
	height:40px;
	line-height:40px;
	background:url('images/popup_btn.png') no-repeat center center;
	color:#fff;
	text-align:center;

}
/* 阅读页弹窗结束 */
	</style>
</head>
<body>
	<div class="popup-back" data-status="true"></div>
	<div class="popup">
		<div class="popup-cont-back">
			<div class="popup-cont">
				<a href="javascript:;" title="">欢迎进入</a>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery.cookie.js"></script>
	<script>
		$(function(){
	//弹窗消失一天

		if ($.cookie('userStatus') == "true") {
			$('.popup-back').attr('data-status','true');
			$('.popup-back').hide();
			$('.popup').hide();
		}else{
			$('.popup-back').show();
			$('.popup').show();
		}


		// 设置cookie,当用户点击底部浮动消失按钮时,就一天不会出现
		$('.popup-cont a').click(function(){
			var userStatus = $('.popup-back').attr('data-status','true');
			var userMask = $('.popup-back').hide();
			var userMaskba = $('.popup').hide();
			
			$.cookie('userStatus', 'true', { expires: 1,path:'/'}); // 存储一个带1天期限的 cookie
			$.cookie('userMask', userMask, { expires: 1,path:'/' }); // 存储一个带1天期限的
			$.cookie('userMaskba', userMaskba, { expires: 1,path:'/'}); // 存储一个带1天期限的
		});
	});
	</script>
</body>
</html>